{% extends "base.html" %}

{% block stylesheets %}
{% endblock %}

{% block content %}
	<div class="jumbotron">
		<div class="container">
			<h1><b>{{ 'Join Team' if en else '加入队伍' }}</b></h1>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-md-6 offset-md-3">
				{% include "components/errors.html" %}

				<p class="text-center">
                    {{ 'Welcome to ' if en else '欢迎加入' }}<strong>{{ team.name }}</strong>!
				</p>

				<p class="text-center">
                    {{ 'Click the button below to join the team!' if en else '点击下方按钮即可加入团队！' }}
					<br>
					<small class="text-muted">
                        {{ 'Or ' if en else '或者' }}<a href="{{ url_for('teams.new') }}">{{ 'click here' if en else '点击此处' }}</a>{{ ' if you prefer to create your own team.' if en else '如果你想创建你自己的队伍' }}
					</small>
				</p>

				{% with form = Forms.teams.TeamInviteJoinForm() %}
				<form method="POST">
					<div class="row pt-3 text-center">
						<div class="col-md-12">
                            {% if en %}
                            {{ form.submit(class="btn btn-success btn-block",value="Confirm") }}
                            {% else %}
                            {{ form.submit(class="btn btn-success btn-block") }}
                            {% endif %}
						</div>
					</div>
					{{ form.nonce() }}
				</form>
				{% endwith %}
			</div>
		</div>
	</div>
{% endblock %}

{% block scripts %}
{% endblock %}
